<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<title>{$siteRs.title}</title>
<meta name="keywords" content="{$siteRs.keyword}" />
<meta name="description" content="{$siteRs.description}" />
<link rel="shortcut icon" type="image/x-icon" href="{$siteRs.ico}" />
<meta name="author" content="www.df81.com">
{include file="public/css" /}
<link rel="stylesheet" type="text/css" href="{:config('template.skin')}/css/index.css">
<link rel="stylesheet" href="{:config('template.skin')}/css/animate.min.css">
</head>
<body data-spy="scroll" data-target="#navSecondary" data-offset="150">
<!--滚动 开始-->
<aside class="nav-secondary nav-secondary-style-2 nav-secondary-style-2-square mr-sm-4" id="navSecondary">
    <div class="container">
        <div class="row py-2">
            <div class="col">
                <ul class="nav nav-light flex-column justify-content-center">
                    <?php $banner = ad(5,$lang); ?>
                    {foreach $banner as $key=>$adRs}
                        <li class="nav-item">
                            <a class="nav-link font-weight-semibold no-skin" data-hash href="#ad_{$adRs.id}"><span>{$adRs.title}</span></a>
                        </li>
                    {/foreach}
                    <li class="nav-item">
                        <a class="nav-link font-weight-semibold no-skin" data-hash data-hash-offset="110" href="#about">
                            <span>{:lang('v_about')}</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link font-weight-semibold no-skin" data-hash href="#product">
                            <span>{:lang('v_product')}</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link font-weight-semibold no-skin" data-hash href="#news">
                            <span>{:lang('v_news')}</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</aside>
<!--滚动 结束-->
{include file="index/head" /}
<!--banner 开始-->
{foreach $banner as $key=>$adRs}
{php}$desArr = explode(PHP_EOL,$adRs['description']);{/php}
<section id="ad_{$adRs.id}" class="section parallax py-0" data-plugin-parallax data-plugin-options="{'speed': 1.5, 'parallaxHeight': '115%'}" data-image-src="{$adRs.thumb}">
    <div class="container">
        <div class="row align-items-center justify-content-center height-100vh">
            <div class="position-relative d-flex align-items-end custom-height-290 w-100">
                <div class="portfolio-item custom-portfolio-item-style-1 overlay overlay-show">
                    <div class="absolute-x-center pointer-events-none custom-bottom w-100">
                        <div class="overflow-hidden custom-hover-opacity text-center w-100 {eq name="i" value="1"}my-2{/eq}">
                            <div class="d-block text-color-light-3 font-primary font-weight-thin text-5 dream" data-animate="zoomIn,1s">
                                <div class="w-100 text-white h2 mb-5 ellipsis line-2">{$adRs.title|raw}</div>
                                {foreach $desArr as $des}
                                    <div class="w-100 mt-4 h4 text-muted">{$des|raw}</div>
                                {/foreach}

                            </div>
                        </div>
                    </div>
                    <!-- 中间按钮 -->
                    <!-- <div class="plus d-flex align-items-end justify-content-center">
                        <span class="text-color-light font-weight-semibold">{$Think.lang.v_view}</span>
                    </div> -->
                </div>
                <div class="w-100 text-center"><a href="{$adRs.linkurl}" class="btn btn-rounded px-4 h6 btn-info">{:lang('v_view')} {:lang('v_detail')} &raquo;</a></div>
            </div>
        </div>
    </div>
</section>
{/foreach}
<!--banner 结束-->
<!--关于我们 开始-->
<div id="about" class="w-100 py-3 py-sm-5">
    <div class="container my-3">
        <div class="row">
            <div class="col-sm-7 dream" data-animate="bounceInLeft,1s">
                <div class="w-100 h4">— {:lang('v_about')} —</div>
                <div class="w-100 mt-3 h6 line-height-180">{$aboutus|raw}</div>
            </div>
            <div class="col-sm-5 pt-3 dream" data-animate="bounceInRight,2s"><img src="{$about_img}" alt="{$siteRs.title}" class="w-100 rounded" onerror="this.src='/skin/admin/img/nopic.png'"></div>
        </div>
    </div>
</div>
<!--关于我们 结束-->
<!--产品 开始-->
<div id="product" class="w-100 mt-3 pb-5">
    <div class="container dream" data-animate="fadeInUp,2s">
        <h4 class="text-center">{:lang('v_product')}</h4>
        <div class="row">
            <div class="col-md-12"><div class="divider"><i class="fa fa-chevron-down"></i></div></div>
        </div>
    </div>
    <section class="section nav-secondary-dark pt-3 pb-0">
        <div class="container">
            <div class="row dream" data-animate="fadeInUp,2s">
                <?php $pro_list = table_list('product', 0, 'id,title,thumb', $lang, 8, 'product.sequence desc'); ?>
                {volist name="pro_list" id="proRs"}
                    <div class="col-lg-3 col-6 mb-4">
                        <a href="<?php the_view_url($proRs['id'],'product'); ?>">
                            <img alt="{$proRs.title}" class="w-100 img-border border rounded" src="{$proRs.thumb}" onerror="this.src='/skin/admin/img/nopic.png'">
                            <div class="w-100 mt-2 text-center h6 line-height-180 ellipsis line-1">{$proRs.title|raw}</div>
                        </a>
                    </div>
                {/volist}
            </div>
        </div>
    </section>
    <div class="container">
        <div class="col-md-12 text-center"><a href="<?php the_list_url('product'); ?>" class="btn btn-rounded px-4 h6 btn-info">{:lang('v_view')} {:lang('v_more')} &raquo;</a></div>
    </div>
</div>
<!--产品 结束-->
<!--新闻 开始-->
<div id="news" class="container mt-sm-4">
    <h4 class="text-center">{:lang('v_news')}</h4>
    <div class="row">
        <div class="col-md-12"><div class="divider"><i class="fa fa-chevron-down"></i></div></div>
    </div>
    <div class="row my-4 dream" data-animate="fadeInUp,2s">
        <?php $news_list = table_list('news', 0, 'id,title,description,addtime', $lang, 4, 'news.addtime desc'); ?>
        {volist name="news_list" id="newsRs"}
            <div class="col-sm-6 mb-3">
                <div class="row">
                    <div class="col-3 col-sm-2 alert-info text-center">
                        <div class="w-100 h4 mt-3 mb-0">{$newsRs.addtime|date='d'}</div>
                        <div class="w-100 h5">{$newsRs.addtime|date='Y-m'}</div>
                    </div>
                    <div class="col-9 col-sm-10">
                        <div class="w-100 rem-13 ellipsis line-1"><a href="<?php the_view_url($newsRs['id'],'news'); ?>">{$newsRs.title|raw}</a></div>
                        <div class="w-100 mt-2 h6 line-height-180 mb-0 text-muted ellipsis line-3">{$newsRs.description|raw}</div>
                    </div><hr class="w-100">
                </div>
            </div>
        {/volist}
        <div class="col-sm-12 my-3 text-center"><a href="<?php the_list_url('news'); ?>" class="btn btn-rounded px-4 h6 btn-info">{:lang('v_view')} {:lang('v_more')} &raquo;</a></div>
    </div>
</div>
<!--新闻 结束-->
{include file="public/foot" /}
<script type="text/javascript" src="{:config('template.skin')}/js/animate.js"></script>
<script src="{:config('template.skin')}/home/js/jquery.appear.min.js"></script>
<script src="{:config('template.skin')}/home/js/jquery.easing.min.js"></script>
<script src="{:config('template.skin')}/home/js/theme.js"></script>
<script src="{:config('template.skin')}/home/js/theme.init.js"></script>
</body>
</html>